
<script src="<?php echo base_url() ?>commons/validacion/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<link href="<?php echo base_url() ?>commons/validacion/css/validationEngine.jquery.css" rel="stylesheet">
<script src="<?php echo base_url() ?>commons/validacion/js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo base_url() ?>commons/validacion/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" href="<? echo base_url() ?>commons/jquery/themes/base/jquery.ui.all.css">
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.core.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.widget.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.tabs.js"></script>

<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.core.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.widget.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.mouse.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.draggable.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.position.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.resizable.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.button.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.dialog.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.effect.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.effect-blind.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.effect-explode.js"></script>


<script type="text/javascript" language="javascript" src="<?php echo base_url() ?>commons/tablas/media/js/jquery.dataTables.js"></script>
<style type="text/css" title="currentStyle">
    @import "<?php echo base_url() ?>commons/tablas/media/css/demo_page.css";
    @import "<?php echo base_url() ?>commons/tablas/media/css/demo_table.css";
</style>

<script src="<?php echo base_url() ?>commons/estadistica/js/highcharts.js" type="text/javascript"></script>
<script src="<?php echo base_url() ?>commons/estadistica/js/exporting.js" type="text/javascript"></script>



<script>
    var t1 = jQuery.noConflict();
    t1(document).ready(function() {
        // binds form submission and fields to the validation engine			
        t1("#formID").validationEngine();
        // alert('sss');
    });

    /**
     *
     * @param {jqObject} the field where the validation applies
     * @param {Array[String]} validation rules for this field
     * @param {int} rule index
     * @param {Map} form options
     * @return an error string if validation failed
     */
    function checkHELLO(field, rules, i, options) {
        if (field.val() != "HELLO") {
            // this allows to use i18 for the error msgs
            return options.allrules.validate2fields.alertText;
        }
    }
</script>

<script type="text/javascript" charset="utf-8">
    var tt = jQuery.noConflict();
    tt(document).ready(function() {
        tt("#table,#table1").dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
                  "sDom": 'T C lfrtip', 
                    "oTableTools": { 
                    "sSwfPath": "<?php echo base_url() ?>commons/tablas/extras/TableTools/media/swf/copy_csv_xls_pdf.swf", 
                    "aButtons": [ 
                    "xls", 
                    "pdf", 
                    { 
                            "sExtends": "print", 
                            "sButtonText": "Imprimir", 
                            "sInfo": "<br><center><h1>PRESIONAR ESCAPE AL TERMINAR</h1></center>", 
                            "sMessage": "<center><h2><b>TITULO!</b></h2></center>", 
                            "sTitle": "Listado x Obra Social", 
                    }], 
                    },            
        });
    });
</script>
<!--Para sacar lista deudores-->
<script>
    var t = jQuery.noConflict();
    function cargarCuotasTodos() {
        var idpadre = t("#ide_lec").find(':selected').val();
        var url = '<?php echo base_url(); ?>';
        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/coutas/cargarTablaDeudoresSemestre/',
            data: 'ide_lec=' + idpadre,
            dataType: 'html',
            success: (function(data) {
                t('#tabla_deudores').html(data);//xxxx      cargando
            }),
            beforeSend: function(objeto) {
                t("#cargando").html('<img id="imagen" src="' + url + 'commons/images/loading.gif"/>');
            },
            complete: function(objeto) {
                t("#cargando").html('<img id="imagen" style="display:none"/>');
            }
        });
    }
    //para cargar reporte por carrera
    function cargarCuotasCarrera() {
        var idpadre = t("#ide_lec").find(':selected').val();
        var idcarrera = t("#ide_car").find(':selected').val();
        var url = '<?php echo base_url(); ?>';
        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/coutas/cargarTablaDeudoresSemestre/',
            data: 'ide_lec=' + idpadre + '&ide_car=' + idcarrera,
            dataType: 'html',
            success: (function(data) {
                t('#tabla_deudores').html(data);//xxxx      cargando
            }),
            beforeSend: function(objeto) {
                t("#cargando").html('<img id="imagen" src="' + url + 'commons/images/loading.gif"/>');
            },
            complete: function(objeto) {
                t("#cargando").html('<img id="imagen" style="display:none"/>');
            }
        });
    }
    //para cargar reporte por ciclos
    function cargarCuotasCiclos() {
        var idpadre = t("#ide_lec").find(':selected').val();
        var idcarrera = t("#ide_car").find(':selected').val();
        var ciclo = t("#codigo_cic").find(':selected').val();
        //alert(ciclo);
        var url = '<?php echo base_url(); ?>';
        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/coutas/cargarTablaDeudoresSemestre/',
            data: 'ide_lec=' + idpadre + '&ide_car=' + idcarrera + '&codigo_cic=' + ciclo,
            dataType: 'html',
            success: (function(data) {
                t('#tabla_deudores').html(data);//xxxx      cargando
            }),
            beforeSend: function(objeto) {
                t("#cargando").html('<img id="imagen" src="' + url + 'commons/images/loading.gif"/>');
            },
            complete: function(objeto) {
                t("#cargando").html('<img id="imagen" style="display:none"/>');
            }
        });
    }
    //para jornadas l_ide_jor
    function cargarCuotasSeccion() {
        var idpadre = t("#ide_lec").find(':selected').val();
        var idcarrera = t("#ide_car").find(':selected').val();
        var ciclo = t("#codigo_cic").find(':selected').val();
        var jornada = t("#seccion").find(':selected').val();
        //alert(ciclo);
        var url = '<?php echo base_url(); ?>';
        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/coutas/cargarTablaDeudoresSemestre/',
            data: 'ide_lec=' + idpadre + '&ide_car=' + idcarrera + '&codigo_cic=' + ciclo + '&seccion=' + jornada,
            dataType: 'html',
            success: (function(data) {
                t('#tabla_deudores').html(data);//xxxx      cargando

            }),
            beforeSend: function(objeto) {
                t("#cargando").html('<img id="imagen" src="' + url + 'commons/images/loading.gif"/>');
            },
            complete: function(objeto) {
                t("#cargando").html('<img id="imagen" style="display:none"/>');
            }
        });
    }
    //para paralelos l_ide_par
    function cargarCuotasParalelo() {
        var idpadre = t("#ide_lec").find(':selected').val();
        var idcarrera = t("#ide_car").find(':selected').val();
        var ciclo = t("#codigo_cic").find(':selected').val();
        var jornada = t("#seccion").find(':selected').val();
        var paralelo = t("#paralelo").find(':selected').val();
        //alert(ciclo);
        var url = '<?php echo base_url(); ?>';
        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/coutas/cargarTablaDeudoresSemestre/',
            data: 'ide_lec=' + idpadre + '&ide_car=' + idcarrera + '&codigo_cic=' + ciclo + '&seccion=' + jornada + '&paralelo=' + paralelo,
            dataType: 'html',
            success: (function(data) {
                t('#tabla_deudores').html(data);//xxxx      cargando
            }),
            beforeSend: function(objeto) {
                t("#cargando").html('<img id="imagen" src="' + url + 'commons/images/imprimir.gif"/>');
            },
            complete: function(objeto) {
                t("#cargando").html('<img id="imagen" style="display:none"/>');
            }
        });
    }
</script>
<!--Fin-->
<!--Solo para elegir-->
<script>
    //var t = jQuery.noConflict();
    function cargarComboMateria() {

        var idpadre = t("#ide_lec").find(':selected').val();
        var url = '<?php echo base_url(); ?>';
        t('#ide_car').html('<option value="">Seleccione una opción</option>');
        t('#codigo_cic').html('<option value="">Seleccione una opción</option>');
        t('#seccion').html('<option value="">Seleccione una opción</option>');
        t('#paralelo').html('<option value="">Seleccione una opción</option>');
        t('#materia').html('<option value="">Seleccione una opción</option>');
        //para cargar los reportes
        t('#l_ide_lec').html("");
        t('#l_ide_car').html("");
        t('#l_ide_cic').html("");
        t('#l_ide_jor').html("");
        t('#l_ide_par').html("");
        t('#tabla_deudores').html("Seleccione el reporte que desea ver");
        if (idpadre == '' || idpadre == null) {
            //alert(idpadre);                
            t('#l_ide_lec').html("");
            t('#l_ide_car').html("");
        }
        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarCarrera/',
            data: 'ide_lec=' + idpadre,
            dataType: 'html',
            success: (function(data) {
                //alert(data);
                t('#ide_car').html(data);//xxxx
                //t('#l_ide_lec').html("<a href='#' rel='" + idpadre + "' id='link_lec' >Reporte de deudas por Periodo lectivo</a>");
                t('#l_ide_lec').html("<button value='" + idpadre + "' id='link_lec' onclick='cargarCuotasTodos()'>Reporte de deudas por Periodo lectivo</button>");

            }),
            beforeSend: function(objeto) {
                t("#cargar").html('<img id="cargar" src="' + url + 'commons/images/loading.gif"/>');
            },
            complete: function(objeto) {
                t("#cargar").html('<img id="cargar" style="display:none"/>');
            }
        });

    }
    t(function() {
        t("#ide_lec").change(function(event)
        {
            cargarComboMateria();
        });
    });
    t(function() {
        cargarComboMateria();
    });
    //para carreras a ciclos
    t(function() {
        t("#ide_car").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            t('#codigo_cic').html('<option value="">Seleccione una opción</option>');
            t('#seccion').html('<option value="">Seleccione una opción</option>');
            t('#paralelo').html('<option value="">Seleccione una opción</option>');
            t('#materia').html('<option value="">Seleccione una opción</option>');
            //para las otras opciones de reportes
            t('#l_ide_car').html("");
            t('#l_ide_cic').html("");
            t('#l_ide_jor').html("");
            t('#l_ide_par').html("");
            t('#tabla_deudores').html("Seleccione el reporte que desea ver");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarCiclos/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    t('#codigo_cic').html(data);
                    //l_ide_car
                    t('#l_ide_car').html("<button value='" + idpadre1 + "' id='link_car' onclick='cargarCuotasCarrera()'>Reporte de deudas por Carrera</button>");
                }),
                beforeSend: function(objeto) {
                    t("#cargar1").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar1").html('<img  style="display:none"/>');
                }
            });


        });
    });

    //para carreras a secciones o jornadas
    t(function() {
        t("#codigo_cic").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            var idciclo = t("#codigo_cic").find(':selected').val();
            t('#seccion').html('<option value="">Seleccione una opción</option>');
            t('#paralelo').html('<option value="">Seleccione una opción</option>');
            t('#materia').html('<option value="">Seleccione una opción</option>');
            //para reportes
            t('#l_ide_cic').html("");
            t('#l_ide_jor').html("");
            t('#l_ide_par').html("");
            t('#tabla_deudores').html("Seleccione el reporte que desea ver");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarJornada/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera + '&ide_cic=' + idciclo,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    t('#seccion').html(data);
                    t('#l_ide_cic').html("<button value='" + idpadre1 + "' id='link_cic' onclick='cargarCuotasCiclos()'>Reporte de deudas por Ciclos</button>");
                }),
                beforeSend: function(objeto) {
                    t("#cargar2").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar2").html('<img  style="display:none"/>');
                }
            });


        });
    });

    //para paralelos
    t(function() {
        t("#seccion").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            var idciclo = t("#codigo_cic").find(':selected').val();
            var seccion = t("#seccion").find(':selected').val();
            t('#paralelo').html('<option value="">Seleccione una opción</option>');
            t('#materia').html('<option value="">Seleccione una opción</option>');
            //reportes
            t('#l_ide_jor').html("");
            t('#l_ide_par').html("");
            t('#tabla_deudores').html("Seleccione el reporte que desea ver");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarParalelos/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera + '&ide_cic=' + idciclo + '&seccion=' + seccion,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    t('#paralelo').html(data);
                    t('#l_ide_jor').html("<button value='" + idpadre1 + "' id='link_sec' onclick='cargarCuotasSeccion()'>Reporte de deudas por Secciones</button>");
                }),
                beforeSend: function(objeto) {
                    t("#cargar3").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar3").html('<img  style="display:none"/>');
                }
            });


        });
    });

    //para materias
    t(function() {
        t("#paralelo").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            var idciclo = t("#codigo_cic").find(':selected').val();
            var seccion = t("#seccion").find(':selected').val();
            var paralelo = t("#paralelo").find(':selected').val();
            //reporte
            t('#l_ide_par').html("");
            t('#tabla_deudores').html("Seleccione el reporte que desea ver");

            t('#materia').html('<option value="">Seleccione una opción</option>');
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarMaterias/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera + '&ide_cic=' + idciclo + '&seccion=' + seccion + '&paralelo=' + paralelo,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    t('#materia').html(data);
                    t('#l_ide_par').html("<button value='" + idpadre1 + "' id='link_par' onclick='cargarCuotasParalelo()'>Reporte de deudas por Paralelo</button>");
                    //cargarCuotasParalelo
                }),
                beforeSend: function(objeto) {
                    t("#cargar4").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar4").html('<img  style="display:none"/>');
                }
            });


        });
    });
    
    
    //paracargar links materias
    t(function() {
        t("#materia").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            var idciclo = t("#codigo_cic").find(':selected').val();
            var seccion = t("#seccion").find(':selected').val();
            var paralelo = t("#paralelo").find(':selected').val();   
            var materia = t("#materia").find(':selected').val();   
            var link = idpadre1+"/"+idcarrera+"/"+idciclo+"/"+seccion+"/"+paralelo+"/"+materia;
            t('#l_ide_mat').html('<a href="<?php echo base_url()?>admin.php/listado_estudiantes_controlador/verificarPagos/'+link+'" target="_blank">Listado de Pagos</a>');
            
            
        });
    });
</script>





<div class="well form-horizontal span8" >
    <legend>Escoja las opciones</legend>

    <div class="control-group">
        <table style="border-spacing:  10px;border-collapse: separate;">
            <tr>
                <td>
                    <label class="control-label" for="select01">PERIODO ACTUAL</label>
                </td>
                <td>

                    <select id="ide_lec" name="ide_lec" class="span3 validate[required,maxSize[55],minSize[1]]"  >
                        <?php
                        //echo ("<option value='' selected>Seleccionar Carrera</option>");
                        echo '<option value="" selected>Seleccione una opción</option>';

                        foreach ($lista as $i => $per) {
                            $seleccion = $per["estado_lec"] == 'ABIERTO' ? "Selected" : "";
                            echo '<option value="' . $per["ide_lec"] . '" ' . $seleccion . '>' . $per["descripcion_lec"] . '</option>';
                        }
                        ?>
                    </select>     


                </td>
                <td>
                    <div id="l_ide_lec"></div>
                </td>
            </tr>
        </table>



    </div>


    <div class="control-group">
        <table style="border-spacing:  10px;border-collapse: separate;">
            <tr>
                <td><label class="control-label" for="select03">CARRERAS</label></td>
                <td>
                    <select name="ide_car" id="ide_car" class="span3 validate[required,maxSize[55],minSize[1]]" >
                        <option value="">Seleccione una opción</option>
                    </select>   
                    <div id="cargar"></div>
                </td>
                <td><div id="l_ide_car"></div></td>
            </tr>
        </table>


    </div>


    <div class="control-group">

        <table style="border-spacing:  10px;border-collapse: separate;">
            <tr>
                <td><label class="control-label" for="select04">Lista de Ciclos</label></td>
                <td>
                    <select id="codigo_cic"  name="codigo_cic" class="span3 validate[required,maxSize[55],minSize[1]]" >
                        <option value="">Seleccione una opción</option>
                    </select>
                    <div id="cargar1"></div>
                </td>
                <td><div id="l_ide_cic"></div></td>
            </tr>
        </table>


    </div>

    <div class="control-group">
        <table style="border-spacing:  10px;border-collapse: separate;">
            <tr >
                <td><label class="control-label" for="select02">JORNADA DE TRABAJO</label></td>
                <td>
                    <select name="seccion" id="seccion" class="span3 validate[required,maxSize[55],minSize[1]]">
                        <option value=""  >Seleccione una opción </option>               

                    </select>
                    <div id="cargar2"></div>
                </td>
                <td><div id="l_ide_jor"></div></td>
            </tr>
        </table>


    </div>

    <div class="control-group">
        <table style="border-spacing:  10px;border-collapse: separate;">
            <tr >
                <td><label class="control-label" for="select03">PARALELO</label></td>
                <td>
                    <select name="paralelo" id="paralelo" class="span3 validate[required,maxSize[55],minSize[1]]"> 
                        <option value=""  >Seleccione una opción </option>               

                    </select>
                    <div id="cargar3"></div>
                </td>
                <td><td><div id="l_ide_par"></div></td></td>
            </tr>
        </table>


    </div>  

    <div class="control-group">
        <table style="border-spacing:  10px;border-collapse: separate;">
            <tr>
                <td><label class="control-label" for="select03">MATERÍAS</label></td>
                <td>

                    <select name="materia" id="materia" class="span3 validate[required,maxSize[55],minSize[1]]"> 
                        <option value=""  >Seleccione una opción </option>               

                    </select>
                    <div id="cargar4"></div>


                </td>
                <td><div id="l_ide_mat"></div></td>
            </tr>
        </table>
    </div>  


    <div id="cargando"></div>
    <div id="tabla_deudores">

    </div>
</div>




